<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>而立视觉工作室-平面|企宣|微电影</title>

        <meta name="author" content="ElegantXu"/>

        <link rel="shortcut icon" href="../../img/favicon.png">

        <link rel="stylesheet" type="text/css" href="../../css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="../../css/style-responsive.css" />

    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body>


<div class="preloader" id="preloader">
    <div class="item">
      <img src="../../img/loading.gif">
    </div>
</div>


<div class="container">
  <!-- section menu -->

  <section class="menu">

    <div class="menu-content">
      <img class="logo" src="../../img/logo_nav.png" />

      <ul id="menu">
        <li><a href="../../index.html">首页</a></li>
        <li><a href="#about-us">关于而立</a></li>
        <li><a href="#portfolio">视觉的手艺</a></li>
        <li><a href="#contact">联系我们</a></li>
        <li><a target="_blank" href="http:\/\/weibo.com\/elitevisualstudio">我们的微博</a></li>
      </ul>
    </div>


  </section>

<!-- section start-page -->

  <section class="start-page parallax-background" id="about-us">

    <div class="opacity"></div> <!-- Opacity color -->
      <div class="content">
        <div class="text">

          <h1>关于而立</h1>
          <hr/>

          <p>关于我们的工作</p>
          <p>你可以称为平面设计、宣传片和微电影制作</p>
          <p>而我们自己则喜欢叫作</p>
          <p>关于视觉的手艺</p>

        </div>
      </div>

  </section>

  <!-- section menu mobile -->

  <section class="menu-media">

    <div class="menu-content">

      <div class="logo">Onepage</div>

      <div class="icon"><a href="#"><img src="img/icons/menu-media.png" /></a></div>

    </div>

  </section>

    <ul class="menu-click">
        <a href="#home"><li href="#home">首页</li></a>
        <a href="#about-us"><li href="#about-us">关于而立</li></a>
        <a href="#portfolio"><li href="#portfolio">视觉的手艺</li></a>
        <a href="#contact"><li href="#contact">联系我们</li></a>
        <a href="#weibo"><li href="#contact">我们的微博</li></a>
    </ul>

  <!-- portoflio-->

  <section class="portfolio" id="portfolio">


    <div class="portfolio-margin">

      <div class="btn_wrap">
        <div class="btn" data-type="design">平面设计</div>
        <div class="btn btn2" data-type="view">视觉传播</div>
        <div class="btn" data-type="net">网络传播</div>
      </div>
      <hr/>

    <!-- 1 item portoflio-->

        <ul class="grid">

          <li>
            <a href="../detail/detail.html?type=design&number=1">
              <img src="img/work/design/1.png" alt="work item" />
                <div class="text">
                  <p class="p_one">LOGO设计</p>
                  <p class="description">C-cube服装设计</p>
              </div>
            </a>
          </li>

          <!-- 2 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=2">
              <img src="img/work/design/2.png" alt="work item" />
                <div class="text">
                  <p class="p_one">UI设计</p>
                  <p class="description">iMiumiu音乐APP</p>
              </div>
            </a>
          </li>

          <!-- 3 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=3">
              <img src="img/work/design/3.png" alt="work item" />
                <div class="text">
                  <p class="p_one">VI品牌形象设计</p>
                  <p class="description">C-cube服装潮牌</p>
              </div>
            </a>
          </li>


          <!-- 4 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=4">
              <img src="img/work/design/4.png" alt="work item" />
                <div class="text">
                  <p class="p_two">装帧封面设计</p>
                  <p class="description">守山人</p>
              </div>
            </a>
          </li>

          <!-- 5 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=5">
              <img src="img/work/design/5.png" alt="work item" />
                <div class="text">
                  <p class="p_one">微电影</p>
                  <p class="description">温德姆酒店2015婚博会</p>
              </div>
            </a>
          </li>


          <!-- 6 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=6">
              <img src="img/work/design/6.png" alt="work item" />
                <div class="text">
                  <p class="p_three">网页设计</p>
                  <p class="description">分贝耳机品牌</p>
              </div>
            </a>
          </li>

         <!-- 7 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=7">
              <img src="img/work/design/7.png" alt="work item" />
                <div class="text">
                  <p class="p_one">杂志设计</p>
                  <p class="description">旅行日志</p>
              </div>
            </a>
          </li>

          <!-- 8 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=8">
              <img src="img/work/design/8.png" alt="work item" />
                <div class="text">
                  <p class="p_one">包装设计</p>
                  <p class="description">乡陶陶土社</p>
              </div>
            </a>
          </li>

          <!-- 9 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=9">
              <img src="img/work/design/9.png" alt="work item" />
                <div class="text">
                  <p class="p_one">公益宣传片</p>
                  <p class="description">佛山地税乐从分局</p>
              </div>
            </a>
          </li>

          <!-- 10 item portoflio-->

          <li>
            <a href="../detail/detail.html?type=design&number=10">
              <img src="img/work/design/10.png" alt="work item" />
                <div class="text">
                  <p class="p_three">店铺页面设计</p>
                  <p class="description">温小婉的店_宛若水仙</p>
              </div>
            </a>
          </li>

        </ul>

   <div class="read-more" data-type="design">更多作品</div>

   </div>

   </section>


   <div class="clear"></div>

    <!-- Contact-->

    <section class="contact" id="contact">

        <div class="content">

          <div class="code_wrap">
              <img src="../../img/code/code_1.png"></img>
              <span class="line_bold"></span>
              <span class="text">关注而立视觉工作室微博交流分享设计经验</span>
              <span class="line_normal"></span>
          </div>

          <div class="code_wrap">
              <img src="../../img/code/code_2.png"></img>
              <span class="line_bold"></span>
              <span class="text">关注而立视觉微信公众号获得更多工作室动态</span>
              <span class="line_normal"></span>
          </div>


          <div class="contact-text">

            <span>您正在找我吗，正好我也在找您。不如我们找个时间聊一聊。 </span>

            <span class="first">你一定需要这个电话：</span>
            <span>平面：159 1906 8001  Mr.王</span>
            <span>影视：185 6641 1512  Mr.陈</span>

            <span class="first">记下这个邮箱或QQ会对你有用：</span>
            <span class="qq"><img class="img_1" src="../../img/contact/qq.png" alt="" />3145978003</span>
            <span class="email"><img class="img_2" src="../../img/contact/email.png" alt="" />3145978003@qq.com</span>

          </div>


        </div>

    </section>


    <section class="footer">

        <div class="logo"><img src="../../img/logo_footer.png"></div>
        <div class="menu-footer">

          <a href="../../index.html">首页</a>
          <a href="#about-us">关于而立</a>
          <a href="#portfolio">视觉的手艺</a>
          <a href="#contact">联系我们</a>

        </div>

        <div class="copyright">© 2015. All Rights Reserved Elite Visual Studio</div>


    </section>


</div>



    <!-- Scripts -->

    <script src="../../js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../../js/jquery.sticky.js"></script>
    <script src="../../js/masonry.pkgd.min.js"></script> <!-- All script -->
    <script src="../../js/imagesloaded.pkgd.min.js"></script> <!-- All script -->
    <script src="../../js/jquery.parallax.js"></script> <!-- jQuery Parallax -->
    <script src="js/script.js"></script> <!-- All script -->


</body>

</html>
